//todo     登录注册切换
$(function () {
    $('#showReg').on('click', function () {
        $('.login-form').hide()
        $('.reg-form').show()
    })

    $('#showLogin').on('click', function () {
        $('.login-form').show()
        $('.reg-form').hide()
    })
})

// 密码验证
$(function () {
    let form = layui.form
    form.verify({
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        rePwd(value) { //value：表单的值、item：表单的DOM对象
            if ($('#pwd').val() !== value) return '两次密码不一致'

        }
    });
})

//todo ajax请求实现注册功能

//!注意：表单的每一项要加   name   属性
//!注意：该接口不支持formData()格式
$(function () {
    let layer = layui.layer
    $('.reg-form').on('submit', function (e) {
        e.preventDefault()
        const text = $(this).serialize()
        // console.log(text);
        axios.post('/api/reguser', text)
            .then(({ data: { status, message } }) => {
                // console.log(message)
                if (status !== 0) {
                    return layer.msg(message);
                }
                layer.msg(message + '请登录');
                $('#showLogin').click()
                this.reset()
            })
        // .catch(err => {
        //     console.error(err); 
        // })
    })

    //todo ajax请求实现登录功能
    //!注意：表单的每一项要加   name   属性
    //!注意：该接口不支持formData()格式

    $('.login-form').on('submit', function (e) {
        e.preventDefault()
        const text = $(this).serialize()
        // console.log(text);
        axios.post('/api/login', text)
            .then(({ data: { status, message, token } }) => {
                // console.log(message)
                if (status !== 0) {
                    return layer.msg(message + '请重新输入');
                }
                localStorage.setItem('token', token)
                layer.msg(message + '，首页正在骑马来的路上',
                    {
                        time: 1500 //关闭（如果不配置，默认是3秒）
                    }, function () {
                        location.href = '/index.html'
                    });

            })
        // .catch(err => {
        //     console.error(err); 
        // })
    })
})


